/* 公共商品 */
.base-goods-content{
	width: 1000px;
	/* 高度自动 */
	margin: 0px auto;
	/* border: 1px solid red; */
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.base-goods{
	width: 316px;
	height: 366px;
	/* border: 1px solid #999; */
	margin-bottom: 30px;
}
.goods-up{
	/* width:316px; */
	height: 316px;
	/* background-color: gray; */
	/* 参照 */
	position: relative;
}
.goods-up>img{
	width: 100%;
	height: 100%;
}
.goods-mask{
	width: 316px;
	height: 316px;
	background: rgba(0, 0, 0, .7);
	position: absolute;
	left: 0px;
	top: 0px;
	/* 默认隐藏 */
	display: none;
}
.goods-up:hover .goods-mask{
	display: block;
}

.goods-mask>p:nth-of-type(1){
	font-size: 24px;
	color: aquamarine;
	line-height: 40px;
	margin-left: 20px;
	font-weight: bold;
}
.goods-mask>p:nth-of-type(2), .goods-mask>p:nth-of-type(3){
	color: white;
	text-align: center;
	padding: 0px 20px;
	/* 设置文本不换行 */
	text-wrap: nowrap;
	/* 设置溢出隐藏 */
	overflow: hidden;
	/* 文本溢出隐藏的形式 省略号 */
	text-overflow: ellipsis;
}
.goods-mask>p:nth-of-type(2){
	margin-top: 90px;
	font-size: 14px;
	font-weight: 600;
}
.goods-mask>p:nth-of-type(3){
	font-size: 12px;
	margin-top: 6px;
}

.brand-down{
	height: 40px;
	margin-top: 10px;
	/* background-color: orange; */
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.brand-down div:nth-of-type(1) img{
	width: 40px;
	height: 40px;
	margin-right: 10px;
	vertical-align: middle;
}
.brand-down div:nth-of-type(1) span{
	color: #999;
	font-size: 14px;
}
.brand-down div:nth-of-type(2) span:first-of-type{
	color: #999;
}
.brand-down div:nth-of-type(2) span:last-of-type{
	color: #CCD7D9;
	font-size: 20px;
	margin-left: 6px;
}